@charset "utf-8";
html,body{height:100%; padding:0px; margin:0px;min-width: 1200px;font:14px 微软雅黑;color:#444;}
a { text-decoration: none; outline: none; color: #666; transition: 0.2s; }
p{text-align: justify;text-justify:inter-ideograph;margin: 0;}
li {list-style-type: none; vertical-align: top; margin: 0;padding:0;}
ul {margin: 0;padding: 0;}
img{margin: 0;padding: 0;border: 0; vertical-align: top;}
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; margin: 0;padding: 0}
dl,dt,dd{padding: 0;margin:0;}
i,em{font-style: normal;}

.fl {float:left;}
.fr {float:right;}
.clear{clear:both;}
.w0{width: 100%;}
.w1200{width: 1200px;margin:0 auto;}
.w1240{width: 1240px;margin:0 auto;}

/*header start*/
.header{border-top:5px solid #116cb7;position: absolute;z-index: 99999}
.header .head_top{background: url(../images/bei.png) no-repeat top right;height: 120px;}
.header .head_top .logo img{padding:10px 0;}
.header .head_top .tel_box{width: 260px;height: 120px;color: #fff}
.header .head_top .tel_box > a{color:#fff;padding: 0 8px;line-height: 36px;}
.header .head_top .tel_box .tel{margin-top: 20px;width: 235px;text-align: right;}
.header .head_top .tel_box .tel p{display:block;font-size: 18px;color: #696969;text-align: right;height: 18px;line-height: 18px;}
.header .head_top .tel_box .tel b{font-size: 30px;color: #00a756;font-family: arial;font-weight: bold;margin-top: 3px;}

.header .head_nav{background: #116cb7;height: 50px;border-top: 3px solid #fff;}
.header .head_nav ul#nav > li{width: 150px;float: left;height: 50px;line-height: 50px;font-size: 16px;font-weight: bold;text-align: center;position: relative;}
.header .head_nav ul#nav > li > a{color: #fff;display: block;width: 100%}
.header .head_nav ul#nav > li:hover{background: #0366C1;height:50px;}
.header .head_nav ul#nav > li:hover > a{color: #fff;border-top: 3px solid #00a756;position: absolute;top: -3px}
.header .head_nav ul#nav > li.on {background: #00a756;height:50px;}
.header .head_nav ul#nav > li.on > a{color: #fff;border-top: 3px solid #666;position: absolute;top: -3px}
.header .head_nav ul#nav > li ul.sub{display: none;position: absolute;top: 50px;width: 150px;background: rgba(255,255,255,0.9);}
.header .head_nav ul#nav > li:hover ul.sub{display: block;}
.header .head_nav ul#nav > li ul.sub li a{width:100%;text-align: center;display: block;}
.header .head_nav ul#nav > li ul.sub li:hover a{background: #116cb7;color: #fff}

.header .ewm{width: 115px;height: 95px;padding: 12.5px 0 0 110px;}
.header .ewm p{writing-mode:tb-rl;padding-top:7px; color: #116cb7;}
/*header end*/

/*banner start*/
.banner{padding-top: 178px}
.flexslider {
	margin: 0px auto 0px;
	position: relative;
	width: 100%;
	height:550px;
	overflow: hidden;
	zoom: 1;
}

.flexslider .slides li {
	width: 100%;
	height: 100%;
}

.flex-direction-nav a {
	width: 70px;
	height: 70px;
	line-height: 99em;
	overflow: hidden;
	margin: -35px 0 0;
	display: block;
	background: url(../images/ad_ctr.png) no-repeat;
	position: absolute;
	top: 50%;
	z-index: 10;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all .3s ease;
	border-radius: 35px;
}

.flex-direction-nav .flex-next {
	background-position: 0 -70px;
	right: 0;
}

.flex-direction-nav .flex-prev {
	left: 0;
}

.flexslider:hover .flex-next {
	opacity: 0.8;
	filter: alpha(opacity=25);
}

.flexslider:hover .flex-prev {
	opacity: 0.8;
	filter: alpha(opacity=25);
}

.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {
	opacity: 1;
	filter: alpha(opacity=50);
}

.flex-control-nav {
	width: 100%;
	position: absolute;
	bottom: 10px;
	text-align: center;
}

.flex-control-nav li {
	margin: 0 2px;
	display: inline-block;
	zoom: 1;
	*display: inline;
}

.flex-control-paging li a {
	background: rgba(0,0,0,0.3);
	display: block;
	height: 10px;
	overflow: hidden;
	text-indent: -99em;
	width: 10px;
	cursor: pointer;
	-webkit-transition: all 0s ease;
	border-radius: 10px;
}

.flex-control-paging li a.flex-active,
.flex-control-paging li.active a {
	background: #E27A4C;
;
}

.flexslider .slides a img{
	width: 100%;
	height: 550px;
	display: block;
}
/*banner end*/

/*product start*/
.product{margin: 50px 0 40px;background: url(../images/prolist_top.jpg) no-repeat center top;}

.product .leftNav{}
.product .leftNav .pl_top{height: 100px;line-height: 100px;font-size: 32px;color: #fff}
.leftNav{ width:280px; padding-bottom:20px;}
.leftNav .pro_title{padding:20px 0 20px 50px; height:66px;font-size:30px;color:#Fff; background: url(../images/title_01.png) no-repeat left;}
.leftNav .pro_title span{ display: block; font-size:15px; color:#fff}
.leftNav > ul{padding:15px 0; }
.leftNav > ul > li i{display:block;height: 45px;padding-top: 30px;background: url(../images/line_01.png) no-repeat bottom left;}
.leftNav > ul > li i a{margin-left:15px; font-size:16px;color:#666; padding-left:25px; background: url(../images/arrow_01.png) no-repeat left;font-weight: bold;}
.leftNav .ul2{padding: 12px 0 0}
.leftNav .ul2 li{margin:0 40px;line-height: 28px;}
.leftNav .ul2 li a{color: #888}
.pro_con{width:920px;}
.pro_con li{width:278px;margin:0 0 26px 26px; border:1px #dfdfdf solid;float: left;border-bottom-color:#00529C;}
.pro_con li img{ width:278px; height:210px;padding:0px;}
.down img{width:100%;height:305px;}
.pro_con li{ position: relative; display: inline-block; margin:0 0 26px 26px; background: #fff; overflow: hidden;border:1px #ddd solid; }
.pro_con i.one{color:#333; text-align: center;padding:10px 30px;display: block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.pro_con li .box{ opacity: 0; position: absolute;left:0; top:100%; text-align: center;padding:80px 0 0 0; height:100%;width:100%;  background:rgba(0,0,0,0.75)}
.pro_con li .box i.two{ color:#fff;font-size:14px;padding: 0 20px; margin:10px 0 0 0;display: block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.pro_con li .box img{ display: block; margin: auto; height:auto;width:auto;}
.pro_con li:hover .box{ opacity: 1;top:0}
.pro_con li:hover i.one{ opacity: 0;}
.pro_con li:hover .rightDown span{   border-bottom: 35px solid #00a756;}
.pro_con .rightDown span{
	position:absolute; bottom:0;right:0;
    width: 0;
    height: 0;
    border-left: 35px solid transparent;
    border-bottom: 35px solid #106cb7;
    -webkit-animation: triangle-skew-spin 3s 0s cubic-bezier(.09, .57, .49, .9) infinite;
    animation: triangle-skew-spin 3s 0s cubic-bezier(.09, .57, .49, .9) infinite;
}
.pro_con .rightDown b{position:absolute; bottom:1px;right:3px;  color:#fff; font-size:20px;}
/*product end*/

/*about start*/
.about2{background:url(../images/about_bg.jpg) no-repeat center top; height:400px; overflow:hidden;}
.about2 dl{width:1110px; margin:0 auto; padding-left:90px;}
.about2 dt{width:600px; height:350px; float:right; overflow:hidden;}
.about2 dt img{ display:block;width:600px; height:350px;}
.about2 dd{ width:800px; float:left; padding-top:50px;}
.about2 dd h3 a{ display:block; font:30px "Microsoft YaHei"; font-weight:bold; color:#116CB7; padding-bottom:25px;}
.about2 dd p{font-size: 15px; overflow:hidden;line-height: 200%;text-indent: 2em;} 
.about2 dd span a{display:block;width:100px; height:30px; background:#116CB7; font:14px Arial; text-align:center; line-height:30px; color:#fff; text-transform:uppercase; margin-top:20px;}

.pic{ height:380px; background:url(../images/pic_bg.jpg) no-repeat center top; padding-top:68px; overflow:hidden;}
.pict{ width:205px; height:auto; float:left; overflow:hidden;padding-top: 40px;}
.pict li{ margin-bottom:15px; font:20px "Microsoft YaHei";}
.pict li a{ display:block; text-align:right; padding-right:30px; font-weight:bold; color:#00cf6b;}
.pict li em{ display:block; padding-top:6px; color:#dfe0e3;font-size: 16px}
.pict li a:hover,.pict .cur a{ color:#dfe0e3; font-weight: normal;background:url(../images/pic_arr.png) no-repeat right 11px;}
.pict li a:hover em,.pict .cur em{ font-weight:normal; color:#dfe0e3;}
.pic1{ width:920px; float:right; overflow:hidden; height:220px;}
.pic1 li{ width:288px; height:246px; float:left; margin-right:27.5px; overflow:hidden;}
.pic1 li img{ display:block;width:288px; height:216px; }
.pic1 li p{display: block;width: 288px;height: 30px;line-height: 30px;text-align: center;color: #444;font-size: 16px;display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.pic1 li a:hover img{width:284px; height:212px; border:2px solid #00a756;}
.pic1 .pic2 li img{width:284px; height:212px; border:1px solid #ccc;}

/*news start*/
.xw{ height: 550px;}
.xw h3{ text-align: center; height: 143px; line-height: 100%; font-weight: normal; font-size: 18px; color: #888;}
.xw h3 i{ display: block;color: #333333; font-size: 36px; line-height: 100%; padding-bottom:18px;font-weight: bold;background:url(../images/x_h2.jpg) no-repeat center 14px;}
.xw h3 i span{ padding-left: 39px;}
.xw_l{ width: 742px;}
.xw_l img{ float: left; width: 200px;}
.xw_l ul{ float: right; width: 503px;}
.xw_l ul li{ overflow: hidden; padding-bottom: 32px; margin-bottom: 33px; border-bottom: 1px dashed #e2e2e2;}
.xw_l ul li.nob{ border-bottom: none;}
.xw_l ul li i{ display: inline-block; width: 111px; color: #116CB7; font-size: 32px;font-weight: bold; line-height: 100%; border-right: 1px solid #e2e2e2; height: 80px;}
.xw_l ul li i span{font-size: 18px;color: #666;font-weight: normal;}
.xw_l ul li em{ display: inline-block; float: right; width: 363px;}
.xw_l ul li em a{ display: block; font-size: 16px; color: #333; font-weight: bold; height: 22px; line-height: 22px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;  }
.xw_l ul li em span{ display: block; padding-top: 11px; font-size: 14px; color: #666; line-height: 25px;}
.xw_l ul li:hover i{ color: #00a756;}

.xw_r{ width:380px;}
.xw_r p{ padding-bottom: 10px;}
.xw_r p img{ width: 380px;}
.xw_r ul li{ overflow: hidden; border-bottom: 1px dashed #e2e2e2;margin-bottom: 16px;}
.xw_r ul li a{ display: block; padding-left: 41px; font-size: 16px; color: #333; background:url(../images/x_w.jpg) no-repeat; height: 24px; line-height: 24px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; margin-bottom: 11px;}
.xw_r ul li span{ display: block;background:url(../images/x_d.jpg) no-repeat;line-height: 24px; font-size: 14px; color: #666; padding-left: 41px; }
.xw_r ul li.nob{ border-bottom: none;}

.xw h4{height: 42px; line-height:23px; margin-bottom: 30px; border-bottom: 1px solid #e2e2e2; padding-left: 35px;background:url(../images/x_h31.jpg) no-repeat;}
.xw h4 a{ color: #116CB7; font-size:20px;font-weight: bold;}
.xw h4 span{ display: inline-block; float: right; padding-top: 7px;}
.xw h4 span a{font-size: 15px;color: #aaa;font-weight: normal;}
.xw .xw_r h4{background:url(../images/x_h32.jpg) no-repeat;}

/*new start*/

/*footer start*/
.footer{background: #116cb7;padding: 30px 0 0px;}
.product_list {width: 300px;}
.product_list li {float: left;width: 50%;}
.product_list li:nth-child(2n) {margin-right: 0;}
.product_list li a {color: #ececec;font-size: 15px;display: block;margin-bottom: 8px;padding-left: 20px;background: url(../images/fk.png)no-repeat left center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; line-height: 35px;}
.foot_lianxi b{display:inline-block;color: #fff;font-size: 18px;margin-bottom: 30px;margin-top:20px;}
.foot_lianxi b:nth-child(2) {margin-left: 140px}
.contact_list {width: 450px;}
.contact_list li {margin-bottom: 12px;font-size: 15px;color: #ececec;}
.contact_list li a {color: #ececec;font-size: 15px;display: inline-block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;width: 89%;}
.contact_list li img {vertical-align: middle;margin-right: 20px;}
.foot_ewm {background: #00a756;width: 186px;height: 211px;margin: 0 auto;text-align: center;}
.foot_ewm img {width: 140px;margin:22px auto 15px;}
.foot_ewm p {font-size: 16px;color: #fff;text-align: center;}
.foot_bot{background: #444;line-height: 35px;margin-top:30px;}
.foot_bot span{font-size: 15px;color: #fff;}
.foot_bot a{font-size: 15px;color: #fff;}
/*footer end*/